17 New JavaScript Image Object Collection

1. XML Timeline Animation Banner

featured image

Developers mostly rely on Javascript animation libraries for their animation needs. Javascript Object Property and Function-based Property Tweening

It also provides a way to tween object properties. You can target a single object or even multiple objects using arrays. It will work if you have an object with a function rotation() that gets and sets a value. Since it’s written in Javascript, it should work on your devices. Combined with timeline sequencing, it creates cool image slice transitions.

More Details

2. Rama - The jQuery Slider Plugin

featured image

Rama – The jQuery slider plugin animates your image and text slides with transition effects of the wide library (21 transition and 10 object animation effects available). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. You just need to know little HTML and Javascript. Any Image Size.

More Details

3. jQuery Mega Image Viewer - animated zoom and pan

featured image

The mega image viewer zoom jQuery jQuery plugin allows you to easily replace <div> tagswith animated image viewers. Viewer used for displaying high-resolution object (image – JPG, PNG, GIF). Viewer displays the given display object inside the user-defined viewport area. Viewer allows to control the position and zoom of the object displayedinside the viewport. Cross-browser compatible – Image Viewer is compatible with IE, CHROME, FIREFOX, OPERA, SAFARI. set image source from javascript {“contentUrl” : “images/my_image. set image source from html <img src=”images/my_image.dispatch event ‘mivChange’ with information whether it is possible to move and zoom the display object

default: false; accepted: true, false; Shorter side of the displayed object will fit the viewport

Set image scale method.default: false; accepted: true, false; If the viewport size (width and height) is greater than the size of the displayed object, allow the object scaled over 100% to fit the viewport (zoom is disabled)

More Details

4. jQuery Price Calculator Pro

featured image

0 has been released (updated preview image coming soon).Please note: jQuery Price Calculator Pro requires at least a basic understanding of HTML and Javascript.Rewrote code to take more object-oriented approach; improved performance

More Details

5. Spectrum Gallery Plugin

featured image

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion image sizes and perfect image alignment. Is there an image animation style that is missing? No problem. You could extend the image method library by adding your own methods, which could, lets say, rotate an image as it slides into position. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery. Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery.Image Binding

More Details

6. Boutique carousel

featured image

A unique customizable jQuery image slider with perspective and smooth interactions.Simply link to the JavaScript and CSS files and apply it to your HTML element like other jQuery plugins. You can now supply your own tags instead of just the image’s alt-attribute for header text.boutique() now returns the jquery object, so you can continue chaining

Fixed several other IE issues (mostly related to using variable image heights)

New included example: Mixed image ratios.All frames now have the simple class names: frame1 – frame5 (so you can easily target them by CSS or javascript) (center frame = .Container width, front frame image width/height, text area opacity are now plugin settings (so editing the CSS is now more optional)

More Details

7. Nex - Blazing Fast FullScreen Slider

featured image

<script type="text/javascript" src="http://code. <script type="text/javascript" src="Animo. <script type="text/javascript" src="nex. new Nex(params); and inside of it you can pass an object with customization params

<script type="text/javascript" src="https://maps.Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.Different Content types: image, video, map

More Details

8. Etalage

featured image

A ready to use jQuery image zooming plugin to present your images in the highest detail without leaving the page.Simply link to the JavaScript and CSS files and apply it to your HTML element like other jQuery plugins.Precise positioning of all elements based on your image dimensions and CSS

Low resolution preview (enlarged thumbnail) while downloading the zoomed image (except in IE)

Optional easing of the zoomed image movements

Optional external controls for previous/next/specific image

etalage() now returns the jquery object, so you can continue chainingExample: $('#etalage').Moved callback functions to the plugin options object.Bug fix: The loading image would sometimes keep showing when using a single image

New callback function: etalage_change_callback(image_number, instance_id), where image_number is the new active image

Even more precise zoom image positioning.External functions for switching previous/next/to a specific image number.Added an optional description area overlaying the zoomed image. Pass the description text through the title attribute of the source image:<img class="etalage_source_image" src="" title="Put description here.Keyboard support (optional) (left/right arrow key will navigate to the previous/next image).

More Details

9. FormMapper Address Autocomplete with Geolocation

featured image

map (A selector, a jQuery object or a DOM element that will contain the map)

com/apis/maps/documentation/javascript/reference.com/apis/maps/documentation/javascript/places.

More Details

10. jQuery tpTooltip plugin

featured image

Include just one javascript and css file in your html, create your own skin with the PSD file included (slices are ready to publish the skin directly), and you’re all set.objID: null, // content wrapper object ID

image: null, // image path

js" type="text/javascript"></script>

More Details

11. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.

More Details

12. jQuery Lightbox Grooveshark Style

featured image

data URI ’s instead of Image Files, which means you don’t have to worry about uploading annoying images, making sure your directories are all good, etc. Just upload the CSS and Javascript, and you are ready to rock.Highly versatile: Override the normal javascript alert() with a single line of code, use for login forms, admin panel modifications, registration, detail panes, etc.Functions to check if lightbox is open/closed, as well as functions to destroy the object from the DOM

More Details

13. Zozo Tabs

featured image

Zozo Tabs is a user-friendly, fully customizable, responsive jQuery tabs plugin to take any HTML content, including images, video, forms, maps, image slider and galleries and display it in a clean organised and responsive tabbed navigation. Added: Responsive video support including Youtube, Vimeo, object, iframe

Responsive video – supports responsive video including Youtube, Vimeo, object, iframe

HTML Content – Put absolutely any HTML content, images, video, forms, maps, image slider and galleries

CSS3 and HTML5 – All content is allways accessible to HTML search form and markup semantically correct to help you achieve the best possible SEO-friendly results even without JavaScript enabled.

More Details

14. Saloon - The jQuery Banner Rotator Plugin

featured image

Saloon – The jQuery banner rotator plugin animates your image and text slides with transition effects of the wide library. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. You just need to know little HTML and Javascript.

More Details

15. JSON Painter

featured image

Open / close individual object whitin

<script type="text/javascript" src="http://code. <script type="text/javascript" src="jquery. <script type="text/javascript">

// Show painter JSON from an object

More Details

16. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. Advanced javascript API considered. Developed with pure object oriented javascript.

More Details

17. Image Crop

featured image

The UI differs from other croppers, here you may drag the image into position and even resize it. The UI differs drastically from traditional image croppers. For example, if the image proporations do not scale to the predetermined aspect ratio, then the image will automatically zoom in until it does scale. You haven’t got to touch any JavaScript.php file, where the image is cropped using imagemagick.

More Details